<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RESTAURANT || ABH </title>
<link href="style.css" rel="stylesheet">
<link https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css >
</head>
<body>
<div class="nav">
<h3> <i> Mine's RESTAURANT </i></h3>
<ul class="navlink">
<li> <a href="#home">Home</a> </li>
<li> <a href="#menu">Menu</a> </li>
<li> <a href="#about">About</a> </li>
<li> <a href="#services">Services</a> </li>
<li> <a href="#contact">Contact</a> </li>
</ul>
</div>
<div class="image"> <img src=" https://media-cdn.tripadvisor.com/media/photo-s/1a/d0/e6/5d/section-3.jpg">
<h2>
<h1> A plate full of love! </h1>
Food and family = happiness!
Precious moments with those I hold dear!
My happy place - the family dinner table!
Loving life with my familia!
Creating memories with my loved ones!
Grateful for these moments with family!
Cheers to family dinners!
</h2>
<i class="fa-solid fa-mug-saucer" > </i>
</div>
<div class="menu" > <h1>Our Menu</h1></div>
<!-- menu image gallery -->
<div class="gallery">
<div class="item">
<h1><i>CHINESE</i> </h1>
<div>
<img height="200px" width="200px" src="chowmein.jpg">
<div class="describe"> <h3>Chowmein</h3></div>
</div>
<div>
<img height="200px" width="200px" src="Veg-Manchurian-2.jpg">
<div class="describe"> <h3>Veg-Machurian</h3></div>
</div>
<div>
<img height="200px" width="200px" src="fried rice.jpg">
<div class="describe"> <h3>Fried-rice</h3></div>
</div>
</div>
<div class="item">
<h1><i>PIZZA & BURGER</i> </h1>
<div>
<img height="200px" width="200px" src="margherita.jpg">
<div class="describe"> <h3>Margherita Pizza</h3></div>
</div>
<div>
<img height="200px" width="200px" src="mozzarella.jpg">
<div class="describe"> <h3>Mozzarella Cheese Pizza</h3></div>
</div>
<div>
<img height="200px" width="200px" src="burger.jpg">
<div class="describe"> <h3>Special Burger</h3></div>
</div>
</div>
<div class="item">
<h1><i>INDIAN DELIGHT</i> </h1>
<div>
<img height="200px" width="200px" src="south.jpg">
<div class="describe"> <h3>South Indian</h3></div>
</div>
<div>
<img height="200px" width="200px" src="dal.jpg">
<div class="describe"> <h3>Dal-Makhni</h3></div>
</div>
<div>
<img height="200px" width="200px" src="rajasthani.jpg">
<div class="describe"> <h3>Rajasthani Thali</h3></div>
</div>
</div>
<div class="item">
<h1><i>DESERTS</i> </h1>
<div>
<img height="200px" width="200px" src="gulab.jpg">
<div class="describe"> <h3>Gulab Jamun</h3></div>
</div>
<div>
<img height="200px" width="200px" src="kaju.jpg">
<div class="describe"> <h3>Kaju Katli</h3></div>
</div>
<div>
<img height="200px" width="200px" src="donut.jpg">
<div class="describe"> <h3> Tasty Donuts</h3></div>
</div>
</div>
</div>
</body>
</html>